<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        div{
            width: 60%;
            height: 70%;
            border: 1px block pink;
            margin: 0 auto;
            padding: 20px;
            background-color: aqua;
            color:black;
        }

    </style>
</head>
<body>
    <div>
    <form action="form_action" method="post">
        account:
         <input type="text" name="account" value="123456"><br>
    </form>


    <form action="form_action" method="get">
        password:
         <input type="password" name="password" value="123456"><br>
        <input type="submit" value="提交"><br>
    </form>

    <form name="reg" autocomplete="on">
        姓名：<input type="text" name="account"><br>
        男：<input type="radio" name="gender"> 
        女：<input type="radio" name="gender">
        <br>爱好：
        <br>打游戏:<input type="checkbox" name="hobby">
        <br>睡觉:<input type="checkbox" name="hobby">
        <br>打篮球:<input type="checkbox" name="hobby">
        
        <br>上传照片：<input type="file">
        <br>
        <textarea cols="50" rows="10" name="footprint">
        留下足迹：
        </textarea>
        <br>
        所在学院：
        <select >
            <option value="软件学院">软件学院</option>
            <option value="数学学院">数学学院</option>
            <option value="化学与材料学院">化学与材料学院</option>
        </select>


        <br>
        请输入你的电子邮箱：
        <input type="email" name="email" value="123456@qq.com">
    

        <br>
        <input type="button" value="确实">
        <input type="reset" value="重置">
    </form>
    </div>
</body>
</html>